﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link type="text/css" href="css/jquery-ui-1.7.1.custom.css" rel="stylesheet" />
        <script type="text/javascript" src="lib/jquery-1.3.2.min.js">
        </script>
        <script type="text/javascript" src="lib/jquery-ui-1.7.1.custom.min.js">
        </script>
        <link type="text/css" href="css/demos.css" rel="stylesheet" />
        <title>main</title>
        <style type="text/css">
            .column {
                width: 740px;
                float: left;
                padding-bottom: 100px;
            } .portlet {
                margin: 0 1em 1em 0;
            } .portlet-header {
                margin: 0.3em;
                padding-bottom: 4px;
                padding-left: 0.2em;
            } .portlet-header .ui-icon {
                float: right;
            } .portlet-content {
                padding: 0.4em;
            } .ui-sortable-placeholder {
                border: 1px dotted black;
                visibility: visible !important;
                height: 50px !important;
            } .ui-sortable-placeholder * {
                visibility: hidden;
            }
        </style>
        <script type="text/javascript">
            $(function(){
                $(".column").sortable({
                    connectWith: '.column'
                });
                
                $(".portlet").addClass("ui-widget ui-widget-content ui-helper-clearfix ui-corner-all").find(".portlet-header").addClass("ui-widget-header ui-corner-all").prepend('<span class="ui-icon ui-icon-plusthick"></span>').end().find(".portlet-content");
                
                $(".portlet-header .ui-icon").click(function(){
                    $(this).toggleClass("ui-icon-minusthick");
                    $(this).parents(".portlet:first").find(".portlet-content").toggle();
                });
                
                $(".column").disableSelection();
            });
        </script>
    </head>
    <body>
        <div class="column">
            <div class="portlet">
                <div class="portlet-header">
                    景點資訊
                </div>
                <div class="portlet-content">
                    <iframe style='width:720px; height:400px;' src='map.html' frameborder='no' allowtransparency='true'>
                    </iframe>
                </div>
            </div>
            <div class="portlet">
                <div class="portlet-header">
                    活動優惠
                </div>
                <div class="portlet-content">
                    <iframe style='width:720px; height:500px;' src='mouseover1.html' frameborder='no' allowtransparency='true'>
                    </iframe>
                </div>
            </div>
        </div>
        <!--<div id="feed-control">
        </div>-->
        <div id="msg">
        </div>
    </body>
</html>
